<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="../../commons/taglib.jsp" %>
<!DOCTYPE html>
<html lang="zh-cn">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="renderer" content="webkit">
		<title>收费冲账</title>
		<link rel="stylesheet" href="${ctx}/static/css/admin.css">
<link rel="stylesheet" href="${ctx}/static/css/pintuer.css">
<script src="${ctx}/static/js/jquery.js"></script>
<script src="${ctx}/static/js/pintuer.js"></script>
	</head>

	<body>
		<form method="post" action="" id="listform">
			<div class="panel admin-panel">
				<div class="panel-head">
					<strong class="icon-reorder"> 收费冲账</strong>
					<div style="float: right;">
					<button class="button border-main" type="submit"> 确认冲账</button>
		            <button class="button border-main" type="submit"> 刷新</button>
					</div>
					<div style="clear: both;"></div>
				</div>
				<div class="padding border-bottom">
					<ul class="search" style="padding-left:10px;">
						<li>
							<input type="text" placeholder="发票号码" class="input sj" style="width:250px;height: 38px; line-height:17px;display:inline-block" />
							<a href="javascript:void(0)" class="button border-main icon-search" onclick="changesearch()"> 搜索</a>
						</li>
						<li>
							<a href="javascript:void(0)">清除搜索</a>
						</li>
						
					</ul>
				</div>
				<table class="table table-hover text-center">
					<tr>
						<th width="6%" style="text-align:left; padding:10px 0;padding-left:20px;border-bottom: 2px solid #ddd;border-top: 0px solid #ddd;font-weight: bold;"><input type="checkbox" id="checkall" /></th>
						<th style="text-align: center;">序号</th>
						<th style="text-align: center;">名称</th>
						<th style="text-align: center;">用法</th>
						<th style="text-align: center;" width="16%">规格</th>
						<th style="text-align: center;" width="8%">间隔</th>
						<th style="text-align: center;" width="15%">天数</th>
						<th style="text-align: center;">单位</th>
						<th style="text-align: center;">单价</th>
					</tr>
					<tr>
						<td style="text-align:left; padding-left:20px;"><input type="checkbox" name="id[]" value="" /></td>
						<td>1</td>
						<td>氟脲嘧啶</td>
						<td>口服</td>
						<td>0.2mg</td>
						<td>12/h</td>
						<td>6</td>
						<td>盒</td>
						<td>30</td>
					</tr>
				</table>
			</div>
		</form>
		<script type="text/javascript">
			//搜索
			function changesearch() {
				console.log($('.ks').val());
				console.log($('.ys').val());
				console.log($('.se').val());
				console.log($('.sj').val());
			}
			//全选
			$("#checkall").click(function() {
				$("input[name='id[]']").each(function() {
					if (this.checked) {
						this.checked = false;
					} else {
						this.checked = true;
					}
				});
			})
		</script>
	</body>

</html>